<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="Description" content="花开君教你如何发布有质量语音的小技巧，你只需要看一下，听一听，就能发布阅读量10万+的高质量语音哦！" />
    <link rel="stylesheet" href="/static/css/app/sound.css">
    <script data-res="HKtrust" src="/static/js/app/flexible.js"></script>
    <script data-res="HKtrust" src="/static/js/app/jquery.min.js"></script>
    <title>如何发布有质量的语音</title>
    <style>
        iframe:not(.huakai_iframe) {display:none !important;}
    </style>
</head>
<body>
<script data-res="HKtrust" src="/static/js/common/Monitor.js"></script>
    <div data-res="HKtrust" class="sound">
        <div class="sound-tit"></div>
        <div class="sound-con">
            <div class="sound-bg">
            </div>
            <div class="sound-list">
                <h1>如何发布有质量的语音呢？以下案例供你参考</h1>
                <ul class="sound-items">
                    <li class="sound-item" flag="false" data-vTime="47">
                        <img class="playing" style="cursor: pointer" src="/static/img/app/sound/olay.png" alt="">
                        <b>我的故事</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E9%9A%8F%E4%BE%BF%E8%AF%B4%E8%AF%B4.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="36">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>我的生活</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E6%88%91%E7%9A%84%E7%94%9F%E6%B4%BB.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="27">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>笑话段子</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E7%AC%91%E8%AF%9D%E6%AE%B5%E5%AD%90.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="32">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>励志鸡汤</b>
                        <span class="sound-time"></span>
                        <audio src="https://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E5%8A%B1%E5%BF%97%E9%B8%A1%E6%B1%A4.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="57">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>女人课堂</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E5%A5%B3%E4%BA%BA%E8%AF%BE%E5%A0%82.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="98">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>生活百科</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E7%94%9F%E6%B4%BB%E7%99%BE%E7%A7%91.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="119">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>随便说说</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E9%9A%8F%E4%BE%BF%E8%AF%B4%E8%AF%B4%E5%95%8A.mp3" controls></audio>
                    </li>
                    <li class="sound-item" flag="false" data-vTime="91">
                        <img class="playing" src="/static/img/app/sound/olay.png" alt="">
                        <b>我是麦霸</b>
                        <span class="sound-time"></span>
                        <audio src="http://huakai-static.oss-cn-shenzhen.aliyuncs.com/audio-sample/%E6%88%91%E6%98%AF%E9%BA%A6%E9%9C%B8.mp3" controls></audio>
                    </li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            版权声明：以上参考内容来源于互联网，如有侵权请联系我们处理。
        </div>
    </div>
    <script data-res="HKtrust">
        $(function () {
            $(".sound-items").find(".sound-item").each(function () {
                var _this=$(this);
                getTime();
                function getTime() {
                    setTimeout(function () {
                        var duration = parseInt(_this.attr("data-vTime"));
                            // 设置初始时间
                            var audio=_this.children("audio");
                            var img=_this.children("img");
                            _this.children("span").html(timestr(duration));
                            var timer;
                            _this.click(function () {
                                if(audio[0].paused){
                                    _this.children("span").html(timestr(duration));
                                    var durationT=duration;
                                    _this.children("img").attr("src","img/sound/pasue.png");
                                    play(audio);
                                    timer= setInterval(function () {
                                        if(durationT>0){
                                            durationT--;
                                            _this.children("span").html(timestr(durationT));
                                        }else{
                                            window.clearInterval(timer);
                                            _this.children("img").attr("src","img/sound/olay.png");
                                            _this.children("span").html(timestr(duration));
                                        }
                                    },1000);
                                }else{
                                    clearInterval(timer);
                                    _this.children("img").attr("src","img/sound/olay.png");
                                    _this.children("span").html(timestr(duration));
                                    pause(_this.children("audio"));
                                }
                            })
                    }, 100);
                }
            })
        })
        function pause(audio) {
            // 停止
            audio[0].pause();
            audio[0].load()
            audio.value="暂停";
        }
        function play(audio) {
            // 播放
            audio[0].play();
            audio.value="播放";

        }
        function timestr(time) {
            var str;
            if(time<10){
                str="00:0"+time
            }else if(10<= time && time<60){
                str="00:"+time
            }else if(time>=60){
                var fen=parseInt(time/60)>10 ? parseInt(time/60) : "0"+parseInt(time/60);
                var s= parseInt(time%60)>10 ? parseInt(time%60) : "0"+parseInt(time%60);
                str=fen+":"+s;
            }
            return str;
        }
    </script>
<script data-res="HKtrust" src="/static/js/app/clearAdv.js"></script>
</body>
</html>